<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Edstudy</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="css/img/favicon.png">
        <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.min.css">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/animate.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/fontawesome-all.min.css">
        <link rel="stylesheet" href="css/owl.carousel.min.css">
        <link rel="stylesheet" href="css/jquery-ui.min.css">
        <link rel="stylesheet" href="css/flaticon.css">
        <link rel="stylesheet" href="css/odometer.css">
        <link rel="stylesheet" href="css/aos.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/default.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>


        <!-- preloader  -->
        <div id="preloader">
            <div id="ctn-preloader" class="ctn-preloader">
                <div class="animation-preloader">
                    <div class="spinner"></div>
                    <div class="txt-loading">
                        <span data-text-preloader="E" class="letters-loading">
                            E
                        </span>
                        <span data-text-preloader="D" class="letters-loading">
                            D
                        </span>
                        <span data-text-preloader="S" class="letters-loading">
                            S
                        </span>
                        <span data-text-preloader="T" class="letters-loading">
                            T
                        </span>
                        <span data-text-preloader="U" class="letters-loading">
                            U
                        </span>
                        <span data-text-preloader="D" class="letters-loading">
                            D
                        </span>
                        <span data-text-preloader="Y" class="letters-loading">
                            Y
                        </span>
                    </div>
                </div>
                <div class="loader">
                    <div class="row">
                        <div class="col-3 loader-section section-left">
                            <div class="bg"></div>
                        </div>
                        <div class="col-3 loader-section section-left">
                            <div class="bg"></div>
                        </div>
                        <div class="col-3 loader-section section-right">
                            <div class="bg"></div>
                        </div>
                        <div class="col-3 loader-section section-right">
                            <div class="bg"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- preloader end -->


		<!-- Scroll-top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="fas fa-angle-up"></i>
        </button>
        <!-- Scroll-top-end-->



        <!-- header-area -->
        <header>
            <div class="header-top-wrap d-none d-md-block">
                <div class="container-fluid container-full">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-6">
                            <div class="d-flex align-items-center">
                                <div class="header-top-library">
                                    <a href="#">图书馆我们<i class="fas fa-angle-down"></i></a>
                                </div>
                                <div class="header-top-search">
                                    <form action="#">
                                        <input type="text" placeholder="Search...">
                                        <button><i class="fas fa-search"></i></button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="header-right-list">
                                <div class="header-top-social">
                                    <ul>
                                        <li>联系我们</li>
                                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                        <li>
                                            <a href="#"><i class="fab fa-weibo"></i> </a></li>
                                        <li><a href="tencent://message/?uin=1092535160&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45"><i class="fab fa-qq"></i></a></li>
                                        <li id="weixin_hover" ><a href="#"><i class="fab fa-weixin"></i>
                                            <ul>
                                                <img class="qrcode" id="weixin_img"  src="css/img/product/wx_01.png" alt="wx:K15035689083"/>
                                            </ul>
                                        </a></li>
                                    </ul>
                                </div>
                                <div class="header-user-login">
                                    <a href="#"><i class="fas fa-user-circle"></i><span th:text="${session.name}"></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <a href="#" th:href="@{/logout}"> <i class="fa fa-sign-out"></i><span>注销</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="main-header menu-area transparent-header">
                <div class="container-fluid container-full">
                    <div class="row">
                        <div class="col-12">
                            <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav show">
                                    <div class="logo">
                                        <a href="index>
                                            <img src="css/img/logo/logo.png" class="logo-sticky-none" alt="Logo">
                                            <img src="css/img/logo/logo_2.png" class="logo-sticky-block" alt="Logo">
                                        </a>
                                    </div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li class="active current dropdown"><a href="index">首页</a>
                                                <!--                                                <ul class="submenu">-->
                                                <!--                                                    <li class="active"><a href="index.html">首页一</a></li>-->
                                                <!--                                                    <li><a href="index-2.html">首页二</a></li>-->
                                                <!--                                                </ul>-->
                                            </li>
                                            <li><a href="about-us.html">关于</a></li>
                                            <li><a href="/lb">课程</a>

                                            </li>
                                            <li class="current"><a href="index-2.html">考试</a></li>
                                            <li class="current"><a href="shop.html">商城</a></li>
                                            <li class="current dropdown"><a href="#">公告</a>
                                                <ul class="submenu">
                                                    <li><a href="blog.html">公告中心</a></li>
                                                    <li><a href="blog-details.html">消息中心</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">联系我们</a></li>
                                            <li class="current dropdown"><a href="personal/menuAdmin.html">个人中心</a>
                                                <ul class="submenu">
                                                    <li><a href="#">我的积分</a></li>
                                                    <li><a href="#">我的信息</a></li>
                                                    <li><a href="#">地址管理</a></li>
                                                    <li><a href="#">问题反馈</a></li>
                                                    <li><a href="#">我的课程</a></li>
                                                    <li><a href="#">我的考试</a></li>
                                                    <li><a href="#">学习记录</a></li>
                                                    <li><a href="#">我的收藏</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                        <ul>
                                            <li class="header-shop-cart"><a href="#"><i class="fas fa-shopping-basket"></i><span>0</span></a>
                                                <ul class="minicart">
                                                    <li class="d-flex align-items-start">
                                                        <div class="cart-img">
                                                            <a href="#">
                                                                <img src="css/img/product/cart_p01.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="cart-content">
                                                            <h4>
                                                                <a href="#">Charity Nike Brand Yellow T-Shirt</a>
                                                            </h4>
                                                            <div class="cart-price">
                                                                <span class="new">$229.9</span>
                                                                <span>
                                                                    <del>$229.9</del>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="del-icon">
                                                            <a href="#">
                                                                <i class="far fa-trash-alt"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="d-flex align-items-start">
                                                        <div class="cart-img">
                                                            <a href="#">
                                                                <img src="css/img/product/cart_p02.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="cart-content">
                                                            <h4>
                                                                <a href="#">BackPack For School Student</a>
                                                            </h4>
                                                            <div class="cart-price">
                                                                <span class="new">$229.9</span>
                                                                <span>
                                                                    <del>$229.9</del>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="del-icon">
                                                            <a href="#">
                                                                <i class="far fa-trash-alt"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="total-price">
                                                            <span class="f-left">Total:</span>
                                                            <span class="f-right">$239.9</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="checkout-link">
                                                            <a href="#">Shopping Cart</a>
                                                            <a class="red-color" href="#">Checkout</a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="header-btn"><a href="#" class="btn">已签到</a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <div class="menu-backdrop"></div>
                                <div class="close-btn"><i class="fas fa-times"></i></div>

                                <nav class="menu-box">
                                    <div class="nav-logo"><a href="index"><img src="css/img/logo/logo.png" alt="" title=""></a></div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->

        <!-- main-area -->
        <main>

            <!-- breadcrumb-area -->
            <section class="breadcrumb-area breadcrumb-bg breadcrumb-style-two" data-background="css/img/bg/breadcrumb_bg02.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="breadcrumb-content text-center">
                                <h2>档案课程</h2>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="index">家</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">课程</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- breadcrumb-area-end -->

            <!-- courses-search -->
            <div class="courses-search-area gray-bg">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-9 col-lg-11">
                            <div class="courses-search-box" data-background="css/img/bg/courses_search_bg.jpg">
                                <form action="#">
                                    <div class="courses-form-grp">
                                        <i class="fas fa-search"></i>
                                        <input type="text" placeholder="你想学什么?">
                                    </div>
                                    <select class="custom-select">
                                        <option selected="">所以类别</option>
                                        <option>Data Science</option>
                                        <option>Web Development</option>
                                        <option>Web Design</option>
                                        <option>Graphic Design</option>
                                    </select>
                                    <button class="btn"><span>+</span>查找课程</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- courses-search-end -->

            <!-- courses-area -->
            <section class="courses-area gray-bg pt-110 pb-120">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>浏览我们的 <span>远程</span> 学习热门课程<span>.</span></h2>
                                <p>丽塔明·伊普苏姆只是印刷和泰塞特廷的假文本</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb09.jpg" alt=""></a>
                                    <div class="bestseller">畅销书</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>在 <a href="#">Web 开发中</a></span>
                                    </div>
                                    <h5><a href="#">数据科学课程开发</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>先进</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$18.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb10.jpg" alt=""></a>
                                    <div class="bestseller">Bestseller</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>In <a href="#">Data Science</a></span>
                                    </div>
                                    <h5><a href="#">Leadership: Practical Leadership Skills</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>Intermediate</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$18.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb11.jpg" alt=""></a>
                                    <div class="bestseller">Bestseller</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>In <a href="#">Web Design</a></span>
                                    </div>
                                    <h5><a href="#">The Complete Communication Skills</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>Intermediate</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$29.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb12.jpg" alt=""></a>
                                    <div class="bestseller">Bestseller</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>In <a href="#">Web Design</a></span>
                                    </div>
                                    <h5><a href="#">Entire MBA in 1 Course:Award Winning</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>Intermediate</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$17.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb13.jpg" alt=""></a>
                                    <div class="bestseller">Bestseller</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>In <a href="#">Web Design</a></span>
                                    </div>
                                    <h5><a href="#">Ultimate AWS Certified Solutions Architect</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>Intermediate</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$19.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="top-courses-item top-courses-two mb-50">
                                <div class="top-courses-thumb">
                                    <a href="#"><img src="css/img/courses/top_courses_thumb14.jpg" alt=""></a>
                                    <div class="bestseller">Bestseller</div>
                                </div>
                                <div class="top-courses-content">
                                    <div class="top-courses-tag">
                                        <span>In <a href="#">Web Design</a></span>
                                    </div>
                                    <h5><a href="#">The Data Science Course Development</a></h5>
                                    <div class="top-courses-rating">
                                        <ul>
                                            <li class="courses-rating-info">
                                                <div class="rating-star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="rating-point">
                                                    4.3 <span>(6,151)</span>
                                                </div>
                                            </li>
                                            <li class="courses-level">
                                                <i class="flaticon-controls"></i>
                                                <span>Intermediate</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="top-courses-bottom">
                                        <ul>
                                            <li class="courses-avatar"><i class="far fa-user-circle"></i>By <a href="#">Mark Wiens</a></li>
                                            <li class="courses-price">$59.00</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="pagination-wrap courses-pagination mt-10">
                                <ul>
                                    <li><a href="#">第一</a></li>
                                    <li class="active"><a href="#">01</a></li>
                                    <li><a href="#">02</a></li>
                                    <li><a href="#">下一个</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- courses-area-end -->

            <!-- category-area -->
            <section class="category-area category-bg pt-110 pb-100">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-9">
                            <div class="section-title text-center mb-70">
                                <h2>探索找到你完美的 <span>课程</span> 学习<span>.</span></h2>
                                <p>丽塔明·伊普苏姆只是印刷和泰塞特廷的假文本</p>
                            </div>
                        </div>
                    </div>
                    <div class="row no-gutters category-gutters justify-content-center">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-study"></i>
                                    <span>进入课程获奖</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-translate"></i>
                                    <span>与初学者的数据科学</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-angle"></i>
                                    <span>数据科学课程2020</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-volume"></i>
                                    <span>微软Excel从初学者</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-quill"></i>
                                    <span>完整的数字营销课程e</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="category-item">
                                <a href="#">
                                    <i class="flaticon-set-square"></i>
                                    <span>进入课程获奖</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- category-area-end -->

            <!-- Newsletter-area -->
            <section class="newsletter-area newsletter-bg pt-120 pb-120">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="section-title full-white-title">
                                <span class="sub-title">通讯</span>
                                <h2>远程学习 <span>路径</span></h2>
                                <p>利他敏·伊普苏姆只是印刷和排版行业的虚拟文本。洛勒姆·伊普苏姆一直是业界的标准假人。</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="newsletter-form">
                                <label>永远不要错过课程.</label>
                                <form action="#">
                                    <input type="email" placeholder="输入您的电子邮件 ...">
                                    <button class="btn"><i class="fas fa-bell"></i> 订阅</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="newsletter-bell"><img src="css/img/icon/bell_icon.png" alt=""></div>
            </section>
            <!-- Newsletter-area-end -->

        </main>
        <!-- main-area-end -->


        <!-- footer-area -->
        <footer>
            <div class="footer-top black-bg pt-95 pb-45">
                <div class="container-fluid container-full">
                    <div class="row justify-content-between">
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>关于我们</h5>
                                </div>
                                <div class="fw-text">
                                    <p>阿尔哈尔流行无意义的微量化片状云面包gochujang。</p>
                                    <div class="footer-contact-list mt-20">
                                        <ul>
                                            <li>732/21 国王街，英国金斯敦</li>
                                            <li>1-577-245-658742</li>
                                            <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1f707979767c7a5f7a677e726f737a317c7072">[email&#160;protected]</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>快速链接</h5>
                                </div>
                                <div class="fw-links">
                                    <ul>
                                        <li><a href="#">家</a></li>
                                        <li><a href="#">关于我们</a></li>
                                        <li><a href="#">投资 组合</a></li>
                                        <li><a href="#">博客</a></li>
                                        <li><a href="#">联系我们</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>热门课程</h5>
                                </div>
                                <div class="footer-courses">
                                    <ul>
                                        <li>
                                            <div class="f-courses-thumb">
                                                <a href="#"><img src="css/img/courses/f_courses_thumb01.jpg" alt=""></a>
                                            </div>
                                            <div class="f-courses-content">
                                                <h5><a href="#">访问 2016 基本培训培训示例
                                                </a></h5>
                                                <span>托诺伊·普约</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="f-courses-thumb">
                                                <a href="#"><img src="css/img/courses/f_courses_thumb02.jpg" alt=""></a>
                                            </div>
                                            <div class="f-courses-content">
                                                <h5><a href="#">Python 编程基本训练示例</a></h5>
                                                <span>马克·维恩斯</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-25">
                                    <h5>推特提要</h5>
                                </div>
                                <div class="fw-tweet-post">
                                    <ul>
                                        <li>
                                            <i class="fab fa-twitter"></i>
                                            <div class="fw-tweet-post-content">
                                                <p>这里来了 <a href="#">https://t.ew/ARkjsdsd</a>
                                                    这个恒星#theme是为任何类型的</p>
                                                <span>3 个月前</span>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="fab fa-twitter"></i>
                                            <div class="fw-tweet-post-content">
                                                <p>这里来了 <a href="#">https://t.ew/ARkjsdsd</a>
                                                    这个恒星#theme是为任何类型的现代... <a
                                                            href="#">https://t.ew/ARkjsdsd</a></p>
                                                <span>3 个月前</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright-area">
                <div class="container-fluid container-full">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="copyright-text">
                                <p>版权所有©2020<a target="_blank" href="http://www.edupro.com.cn/">多元合创</a>保留所有权利</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="payment-method-img text-center text-md-right">
                                <img src="css/img/images/payment_method_img.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-area-end -->





		<!-- JS here -->
        <script src="css/js/vendor/jquery-3.5.0.min.js"></script>
        <script src="css/js/popper.min.js"></script>
        <script src="css/js/bootstrap.min.js"></script>
        <script src="css/js/isotope.pkgd.min.js"></script>
        <script src="css/js/imagesloaded.pkgd.min.js"></script>
        <script src="css/js/jquery.magnific-popup.min.js"></script>
        <script src="css/js/owl.carousel.min.js"></script>
        <script src="css/js/jquery.odometer.min.js"></script>
        <script src="css/js/jquery-ui.min.js"></script>
        <script src="css/js/jquery.appear.js"></script>
        <script src="css/js/slick.min.js"></script>
        <script src="css/js/ajax-form.js"></script>
        <script src="css/js/wow.min.js"></script>
        <script src="css/js/aos.js"></script>
        <script src="css/js/plugins.js"></script>
        <script src="css/js/main.js"></script>
    </body>
</html>
